@media screen and (max-width:1023px) {

}
@media screen and (max-width:599px) {


section {
    font-size: 3.2vw;
}
div.image_sd_wrap {
  width: 350%;
  padding: 3vw 0;
}
.hamburger_bg {
  display: none !important;
}



.hamburger_btn {
  width: 8vw;
  height: 8vw;
  border: none;
  top: 3vw;
  right: 5vw;
  border: none;
}
.hamburger_btn.on {
  border: none;
}
.hamburger_line_wrap {
  width: 7vw;
  height: 4.2vw;
}
.hamburger_line {
  height: 2px;
  border-radius: 100px;
}
.hamburger_menubox {
  width: 100%;
  padding: 30vw 0;
  transition: 0.3s;
}
.hamburger_menubox.on {
  width: 100%;
  padding: 30vw 0;
  transition: 0.3s;
}
.hamburger_menuwrap {
  gap: 6vw;
}
.hamburger_menu {
  font-size: 6vw;
  text-align: center;
}
.hamburger_menubox_line {
  width: 6.8vw;
  height: 2px;
  border-radius: 100px;
}





/* 메인 */
.amain{
  height: 85vh;
}
.amain_tt01 {
  font-size: 4.4vw;
  margin-bottom: 2vw;
}
.amain_tt02 {
  font-size: 9vw;
  margin-bottom: 4vw;
}
.amain_line {
  height: 16vw;
  margin-bottom: 5vw;
}
.amain_tt03 {
  font-size: 6vw;
  margin-bottom: 30vw;
}
.amain_01 {
  width: 82%;
}
.amain_tt04 {
  font-size: 23vw;
  opacity: 0.9;
}
.swiper_amain {
  height: 30%;
  bottom: 3%;
}






.acon01 {
  padding: 15vw 0;
}
.acon01_top_con {
  width: 100%;
  flex-direction: column;
  gap: 5vw;
  margin-bottom: 18vw;
}
.acon01_top_con_box {
  width: 80%;
  border-radius: 4vw;
  padding: 7vw 0;
}
.acon01_top_tt01 {
  font-size: 4.8vw;
  margin-bottom: 3vw;
}
.acon01_top_tt02 {
  font-size: 9vw;
  margin-bottom: 4vw;
}
.acon01_top_tt03 {
  font-size: 3.8vw;
}



.acon01_tt01 {
  font-size: 6.8vw;
  margin-bottom: 4vw;
}
.acon01_tt02 {
  font-size: 4vw;
  margin-bottom: 10vw;
  line-height: 1.5;
}
.swiper_acon01_m{
  width: 100%;
}
.acon01_con_box {
  width: 92%;
  border-radius: 5vw;
}
.swiper-slide-active .acon01_con_box_in{
  opacity: 1;
}
.acon01_con_box_in{
  padding: 10vw 0vw;
  text-align: center;
  justify-content: start;
  transition: 0.5s;
  transition-delay: 0.75s;
}
.acon01_con_box_in_tt01 {
  font-size: 5.6vw;
  margin-bottom: 4vw;
}
.acon01_con_box_in_tt02 {
  font-size: 3.8vw;
}
.acon01_con_box_in_num {
  font-size: 9vw;
  margin-bottom: 3vw;
}



.acon03 {
  padding: 10vw 0 30vw 0;
}
.acon03_tt04 {
  font-size: 4vw;
}
.acon03_01 {
  width: 23%;
  margin-bottom: 4vw;
}
.acon03_02 {
  width: 59%;
  margin-bottom: 3vw;
}
.acon03_03 {
  width: 50%;
  margin-bottom: 8vw;
}
.fall_section {
  pointer-events: none;
  z-index: -1;
}
.tag_wrap{
  opacity: 0.3;
}
.tag {
  padding: 1.6vw 4vw;
  font-size: 3.6vw;
}





.acon04 {
  padding: 15vw 0;
}
.acon04_tt01 {
  font-size: 10vw;
  margin-bottom: 3vw;
}
.acon04_tt02 {
  font-size: 4vw;
  margin-bottom: 8vw;
  text-align: center;
  line-height: 1.5;
}
.acon04_con {
  width: 95%;
  height: 70vw;
  height: auto;
  border-radius: 6vw;
  margin-bottom: 8vw;
  padding-bottom: 6vw;
}
.acon04_con_tt {
  padding: 10vw 0 7vw 0;
  font-size: 5.6vw;
}
.acon04_tt03 {
  font-size: 4vw;
}
.acon04_con_box {
  width: 95%;
  gap: 6vw;
}
.acon04_01 {
  width: 86%;
}
.acon04_02 {
  width: 99%;
}
.acon04_03 {
  width: 74%;
}
.acon04_04 {
  width: 92%;
}
.acon04_05 {
  width: 65%;
}
.acon04_06 {
  width: 97%;
}
.acon04_07 {
  width: 63%;
}
.acon04_08 {
  width: 77%;
}






.acon05 {
  flex-direction: column !important;
  height: auto;
}
.acon05_left {
  width: 100%;
}
.acon05_left_row {
  padding: 9vw 0;
}
.acon05_left_ttbox {
  width: 90%;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 6vw;
  text-align: center;
}
.acon05_left_tt01 {
  font-size: 5.8vw;
  margin-bottom: 2vw;
}
.acon05_left_tt02 {
  font-size: 3.8vw;
}
.swiper_acon05_slide {
  width: 37vw;
  padding: 3vw;
}
.swiper_acon05_slide_tt {
  margin-bottom: 4vw;
  font-size: 3.4vw;
}
.swiper_acon05_slide_img {
  width: 18vw !important;
  height: 18vw;
}
.acon05_right {
  width: 100%;
  height: 100vw;
}
.swiper_acon05_right_slide {
  font-size: 14vw;
}
.acon_video_sec {
  height: 55vw;
}






.acon06 {
  padding: 15vw 0;
}
.acon06_tt01 {
  font-size: 8vw;
  margin-bottom: 4vw;
}
.acon06_tt01 span {
  border-radius: 1.4vw;
  padding: 0 1.5vw;
}
.acon06_tt02 {
  font-size: 4.4vw;
  margin-bottom: 8vw;
}
.acon06_con {
  width: 85%;
  border-radius: 2vw;
}
.acon06_con_tt01 {
  font-size: 4.8vw;
  margin-bottom: 6vw;
}
.acon06_con_row_tt {
  font-size: 3.6vw;
}
.acon06_con_row {
  gap: 4vw;
  margin-bottom: 6vw;
}
.acon06_02 {
  width: 21%;
  top: -4.15vw;
}
.acon06_con_tt02 {
  font-size: 3.6vw;
  margin-bottom: 1vw;
}
.acon06_01 {
  width: 18%;
  right: 2%;
  top: 28%;
}
.swiper_acon06_left , .swiper_acon06_right {
  display: none;
}
.acon_video {
  width: 94%;
  height: 94%;
  border-radius: 4vw;
}




.acon07 {
  padding: 16vw 0;
  z-index: 0;
}
.acon07_tt {
  font-size: 6vw;
  margin-bottom: 6vw;
}
.more_btn {
  gap: 4vw;
  padding: 3vw 0;
  width: 42vw;
}
.more_btn_tt {
  font-size: 4.2vw;
}
.acon07_01 {
  width: 33%;
  top: -8%;
  left: 3%;
  opacity: 0.6;
  z-index: -1;
}
.acon07_02 {
  width: 28%;
  right: 5%;
  bottom: -13%;
  opacity: 0.6;
  z-index: -1;
}




.acon08 {
  padding: 15vw 0 17vw 0;
}
.acon08_row {
  width: 100%;
  flex-direction: column;
  align-items: center;
  margin-bottom: 8vw;
  gap: 5vw;
}
.acon08_tt01 {
  font-size: 8.5vw;
  line-height: 1;
}
.acon08_btnwrap {
  width: 100%;
  gap: 2vw;
  justify-content: center;
}
.acon08_btn {
  padding: 1.8vw 0;
  width: 26vw;
  font-size: 3.8vw;
}
.acon08_conwrap {
  width: 90%;
}
.item1 .acon08_con_box.on{
  height: 65vw;
}
.acon08_con_box {
  height: 65vw;
}
.acon08_con_box_link {
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
}
.acon08_con {
  gap: 3vw;
}
.acon08_more_btn {
  width: 44vw;
  margin-top: 8vw;
}
.acon08_more_btn .arrow {
  width: 19%;
}
.port_interior .acon08_con_box {
  width: 18vw !important;
  height: 18vw;
}
.acon08_con.port_interior {
  gap: 3vw;
}
.port_interior .acon08_con_box {
  width: 40vw !important;
  height: 40vw;
}







.acon09 {
  padding: 15vw 0;
}
.acon09_tt01 {
  font-size: 4.6vw;
  margin-bottom: 8vw;
}
.form_col_wrap {
  flex-direction: column;
  gap: 3vw;
  margin-bottom: 6vw;
}
.acon09_formwrap .form_col {
  width: 70%;
}
.form_col_wrap input {
  width: 100%;
  padding: 3vw 0;
  font-size: 3.8vw;
}
.agree_text {
  font-size: 3.4vw;
}
.form_agree_wrap {
  gap: 2vw;
  margin-bottom: 8vw;
}
.form_agree_wrap input {
  width: 3vw;
  height: 3vw;
}
.form_submit_div {
  gap: 7vw;
  padding: 3.8vw 0;
  width: 44vw;
  font-size: 4.2vw;
}
.acon09  .arrow_white {
  width: 23%;
}
.swiper_acon09_left , .swiper_acon09_right, .acon09_blur{
  display: none;
}





/* about */
.bmain {
  padding: 30vw 0 14vw 0;
}
.bmain_tt01 {
  font-size: 9vw;
  margin-bottom: 6vw;
}
.bmain_tt02 {
  font-size: 4vw;
}
.bcon01_bg {
  overflow: hidden;
}
.bcon01_bg img{
  width: 136% !important;
}


.bcon01 {
  height: 190vw;
}
.bcon01_sticky_box {
  width: 65%;
  height: 180vw;
  margin-bottom: auto;
}
.bcon01_sticky {
  top: 15%;
  border-radius: 4vw;
}
.bcon01_sticky_img_box {
  height: 38.6vw;
}
.bcon01_sticky_img {
  opacity: 0;
}
.bcon01_sticky_img.on{
  opacity: 1;
}



.bcon02 {
  padding: 15vw 0;
}
.bcon02_tt01 {
  font-size: 8.8vw;
  margin-bottom: 4vw;
}
.bcon02_tt02 {
  font-size: 3.8vw;
  margin-bottom: 8vw;
}
.bcon02_con {
  width: 65%;
}
.bcon02_con_img {
  border-radius: 4vw;
}
.bcon02_01_3 {
  top: 11%;
  left: -15%;
}
.bcon02_02_3 {
  top: 26%;
  left: 49%;
}
.bcon02_03_3 {
  top: 73%;
  right: -23%;
}





.bcon03 {
  padding: 15vw 0;
}
.bcon03_row {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  gap: 6vw;
  margin-bottom: 12vw;
}
.bcon03_tt01 {
  font-size: 6vw;
}
.bcon03_tt02 {
  gap: 4vw;
  font-size: 3.8vw;
}
.bcon03_con {
  width: 85%;
  border-radius: 5vw;
  padding: 8vw 0;
}
.bcon03_con_tt01 {
  font-size: 4vw;
  margin-bottom: 3vw;
}
.bcon03_con_tt02 {
  font-size: 5.4vw;
}
.bcon03_03 {
  width: 23%;
  right: 1%;
  top: -20%;
}
.bcon03_02 {
  width: 25%;
  left: -8%;
  bottom: -27%;
}




.bcon04 {
  padding: 15vw 0;
}
.bcon04_tt {
  font-size: 7.6vw;
}
.bcon04_tt_pc{
  display: none !important;
}
.bcon04_tt_mo{
  display: flex !important;
}




.bcon05 {
  height: 80vw;
}
.bcon05_img {
  width: 157%;
  border-radius: 8vw;
}
.bcon05_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.8);
}
.bcon05_tt {
  font-size: 8vw;
  line-height: 1.2;
}
.bcon06 {
  flex-direction: column !important;
  height: auto;
}
.bcon06_left {
  width: 100%;
  height: 85vw;
}
.bcon06_right {
  width: 100%;
  height: 115vw;
  overflow: hidden;
}
.bcon06_right_in_box {
  height: 115vw;
  align-items: center;
  text-align: center;
}
.bcon06_left_tt {
  font-size: 6.8vw;
  margin-bottom: 6vw;
}
.bcon06_btnwrap {
  gap: 3vw;
}
.bcon06_btn_tt {
  font-size: 4vw;
}
.bcon06_btn {
  padding: 3.4vw 7vw;
  width: 60%;
}
.bcon06_btn_arrow {
  width: 20%;
}
.bcon06_right_in {
  padding: 0;
}
.bcon06_right_tt01 {
  font-size: 7vw;
  margin-bottom: 3vw;
}
.bcon06_right_tt02 {
  font-size: 3.8vw;
  margin-bottom: 6vw;
}
.bcon06_right_in_box_con_row {
  gap: 4vw;
  padding: 2.2vw 0;
  padding-left: 10vw;
}
.bcon06_right_in_box_con_row_tt01 {
  font-size: 3.8vw;
  width: 7vw;
}
.bcon06_right_in_box_con_row_tt02 {
  font-size: 3.6vw;
}




.bcon07 {
  flex-direction: column;
  height: auto;
}
.bcon07_left {
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding-left: 0;
  padding: 15vw 0;
  text-align: center;
}
.bcon07_left_tt01 {
  font-size: 5vw;
  margin-bottom: 5vw;
}
.bcon07_left_tt02 {
  font-size: 20vw;
  margin-bottom: 16vw;
}
.bcon07_07 {
  width: 48%;
  margin-bottom: 6vw;
}
.bcon07_left_tt03 {
  font-size: 3.6vw;
  margin-bottom: 4vw;
}
.bcon07_left_tt04 {
  font-size: 3.6vw;
}
.bcon07_left_line {
  width: 100%;
  height: 1px;
  right: 0;
  top: 42.4%;
}
.bcon07_right {
  width: 100%;
  height: 123vw;
  background-position: center top;
}
.bcon07_right_con {
  width: 35%;
  top: 14%;
  right: 11.5%;
  gap: 8vw;
}





/* team */
.ccon01 {
  padding-top: 28vw;
}
.ccon01_tt01 {
  font-size: 7.4vw;
  margin-bottom: 6vw;
}
.ccon01_tt02 {
  font-size: 4.2vw;
  margin-bottom: 16vw;
}
.ccon01_01 {
  width: 25%;
  right: 5%;
  bottom: 40%;
}
.ccon01_con {
  flex-direction: column;
}
.ccon01_con_box {
  width: 100%;
  border-right: 0;
  border-bottom: 1px solid #ddd;
  padding: 6vw 0;
}
.ccon01_con_tt01 {
  font-size: 6.8vw;
  margin-bottom: 3vw;
}
.ccon01_con_tt02 {
  font-size: 3.8vw;
}





.ccon03 {
  height: 100vw;
}
.ccon03_tt01 {
  font-size: 3.6vw;
  padding: 2vw 5vw;
  margin-bottom: 5vw;
}
.ccon03_con {
  width: 93%;
  height: 92%;
  border-radius: 4vw;
}
.ccon03_tt02 {
  font-size: 5.8vw;
  margin-bottom: 5vw;
}
.ccon03_tt03 {
  font-size: 3.6vw;
}
.ccon04_con {
  width: 93%;
  border-radius: 4vw;
}
.ccon04_con_top {
  padding: 12vw 0;
  text-align: center;
  z-index: 0;
}
.ccon04_con_top_tt01 {
  font-size: 3.8vw;
  margin-bottom: 3vw;
  z-index: 5;
}
.ccon04_con_top_tt02 {
  font-size: 5.4vw;
  z-index: 5;
}
.ccon04_04 {
  width: 33%;
  left: 13%;
  bottom: 47%;
  opacity: 0.8;
  z-index: -1;
}
.ccon04_02 {
  width: 25%;
  left: -3%;
  bottom: -25%;
  z-index: -1;
}
.ccon04_03 {
  width: 42%;
  left: 56%;
  bottom: -40%;
  opacity: 0.8;
  z-index: -1;
}
.ccon04_06 {
  display: none;
}
.swiper_ccon04 {
  padding: 4vw 0;
}
.ccon04_con_btm {
  padding: 8vw 0;
  gap: 6vw;
}
.ccon04_con_btm_box {
  width: 92%;
  border-radius: 5vw;
  padding: 8vw 6vw;
  text-align: center;
}
.ccon04_con_btm_tt01 {
  margin-bottom: 4vw;
  font-size: 4.2vw;
  text-align: center;
  line-height: 1.5;
}
.ccon04_con_btm_tt02 {
  font-size: 3.6vw;
}
.ccon04_con_btm_num{
  position: static !important;
  font-size: 5vw;
  margin-bottom: 2vw;
}






/* project */
.dcon01 {
  height: 110vw;
  padding-top: 15vw;
}
.dcon01_tt01 {
  font-size: 7.8vw;
  margin-bottom: 6vw;
}
.dcon01_tt02 {
  font-size: 4.2vw;
  text-align: center;
  line-height: 1.5;
}
.swiper_dcon01 {
  width: 53%;
  z-index: -1;
  opacity: 0.6;
}
.swiper_dcon01_left {
  left: -8%;
}
.swiper_dcon01_right {
  right: -10%;
}



.dcon02 {
  padding: 15vw 0;
}
.dcon02_tt01 {
  font-size: 7.4vw;
  margin-bottom: 4vw;
}
.dcon02_tt02 {
  font-size: 4vw;
  margin-bottom: 10vw;
}
.dcon01_con {
  flex-direction: column;
  gap: 4vw;
}
.dcon01_con_tt01 {
  font-size: 4.6vw;
  margin-bottom: 4vw;
}
.dcon01_con_tt02 {
  font-size: 3.6vw;
}
.dcon01_con_box {
  width: 85%;
  padding: 8vw 0;
  border-radius: 4vw;
}



.dcon02_01 {
  width: 20%;
  left: 4.6%;
  bottom: 69%;
}
.dcon02_02 {
  width: 19%;
  right: 2%;
  bottom: 31%;
}




.dcon03 {
  padding: 15vw 0 5vw 0;
}
.dcon03_ttrow {
  width: 100%;
  flex-direction: column;
  align-items: center;
  margin-bottom: 8vw;
  text-align: center;
}
.dcon03_tt01 {
  font-size: 8.8vw;
  margin-bottom: 3vw;
}
.dcon03_tt02 {
  font-size: 3.8vw;
}
.dcon03_con {
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.dcon03_con_btnwrap_tt {
  font-size: 5.5vw;
  margin-bottom: 4vw;
  text-align: center;
}
.dcon03_con_btn_box{
  width: 100%;
  display: flex;
  gap: 2vw;
  justify-content: center;
}
.dcon03_con_btn {
  font-size: 3.8vw;
  width: 24vw;
  padding: 2vw 0;
  margin-bottom: 0;
}
.dcon03_con_btnwrap{
  margin-bottom: 8vw;
}
.dcon03_con_portwrap {
  width: 80%;
  gap: 2vw;
}
.dcon03_con_portwrap.port_interior {
  width: 82%;
  gap: 2vw;
}






/* contact */
.econ01 {
  height: 90vw;
  padding-top: 10vw;
}
.econ01_tt01  {
  font-size: 8.2vw;
  margin-bottom: 4vw;
}
.econ01_tt02 {
  font-size: 4.2vw;
  text-align: center;
  margin-bottom: 8vw;
}
.econ01_01 {
  width: 24%;
  right: 8%;
  bottom: 34%;
}
.econ01_more_btn {
  width: 36vw;
}




.econ02 {
  padding: 8vw 0;
}
.econ02_con {
  width: 90%;
  margin-bottom: 20vw;
}
.econ02 form {
  gap: 4vw;
}
.econ02_con_box {
  padding: 10vw 0 18vw 0 !important;
  border-radius: 6vw;
}
.econ02_con_box_in {
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 7vw;
}
.econ02_con_box_left {
  width: 100%;
  padding: 0 !important;
}
.econ02_con_tt01 {
  font-size: 6vw;
  margin-bottom: 3vw;
}
.econ02_con_tt02 {
  font-size: 3.8vw;
}
.econ02_con_box_right {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item1 .econ02_con_box_right{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4vw;
}
.econ02_con_box_right_box {
  width: 48%;
  padding: 7vw 0;
  border-radius: 4vw;
}
.item1 .econ02_con_box_right_box {
  width: 85%;
}
.econ02_con_box_right_tt01 {
  font-size: 4.4vw;
  margin-bottom: 3vw;
}
.econ02_con_box_right_tt02 {
  font-size: 3.5vw;
  margin-bottom: 5vw;
}
.econ02_01, .econ02_02 {
  width: 57%;
}
.econ02_con_box_num {
  font-size: 3.6vw;
  bottom: 6vw;
  left: 50%;
  transform: translateX(-50%);
}
.item2 .econ2_col02_right {
  width: 85%;
  gap: 3vw;
}
.econ02  .form_col input {
  padding: 2.4vw 0;
  padding-left: 5vw;
  font-size: 3.6vw;
}
.item3 .econ2_col02_right label {
  padding: 2vw 5vw;
  font-size: 3.8vw;
}
.item3 .econ2_col02_right {
  justify-content: center;
  gap: 3vw;
  width: 100%;
  padding: 0;
}
.form_submit_div02 {
  width: 49vw;
  height: 12vw;
  gap: 9vw;
  font-size: 4.6vw;
  margin-top: 4vw;
}
.form_submit_div02 .arrow_white {
  width: 21%;
}
.econ02_con_btm_tt01 {
  font-size: 6.8vw;
  margin-bottom: 4vw;
}
.econ02_con_btm_tt02 {
  font-size: 3.8vw;
}



















.acon06_01 img{
  animation: ddm_m 1.7s infinite;
}
.acon07_01 img{
  animation: ddm_m 1.9s infinite;
}
.acon07_02 img{
  animation: ddm_m 1.9s 0.5s infinite;
}
.bcon03_02 img{
  animation: ddm_m 1.9s infinite;
}
.bcon03_03 img{
  animation: ddm_m 1.9s 0.5s infinite;
}
.dcon02_01 img{
  animation: ddm_m 1.9s infinite;
}
.dcon02_02 img{
  animation: ddm_m 1.9s 0.5s infinite;
}
.ccon04_02 img{
  animation: ddm_m 1.9s infinite;
}
.ccon04_04 img{
  animation: ddm_m 1.9s 1s infinite;
}


.hamburger_btn::before{
  display: none;
}
.hamburger_line::before{
  display: none;
}
.hamburger_line {
  background-color: #fff;
}

}